<!DOCTYPE html>
<html>
	<head>
		<title>Search form</title>
		<link rel="stylesheet" href="style.css">
	</head>

	<body>
		<div class="mainFrame">
			<input class="button" type="button" value="Home"/>
			<input type="button" value="Add"/> 
			<hr>
			<fieldset class="searchForm">
				<legend>Search Query</legend>
				<label> I.D.: 	</label>  	<input type="text" name="StudentID" style="width: 252px"> <br>
				<label> Name:   </label>  	<input type="text" name="StudentName" style="width: 252px"><br>
				<label> D.O.B:  </label>  	<input type="text" name="dob" style="width: 252px"><br>
				<label> SEX:    </label>  	<input type="text" name="sex" style="width: 252px"><br>
				<label> Course: </label>  	<input type="text" name="course" style="width: 252px"> <input type="submit" value="Search"><input type="radio" name="All" value="All">View All <br>
				
				<!--<input type="radio" name="Id" value="Id"> Id 
				<input type="radio" name="Name" value="Name"> Name
				<input type="radio" name="Age" value="Age"> Age
				<input type="radio" name="Sex" value="Sex"> Sex
				<input type="radio" name="IHometown" value="Hometown"> Hometown -->
			</fieldset>
			
		<!--	<p class="tittle">Search Result</p>
		<div class="Frame">
			<table class="table">
				  <tr>
					<th>ID</th>
					<th>Name</th>
					<th>Age</th>
					<th>Sex</th>
					<th>Hometown</th>
					<th> Select(All) <input type="checkBox"></th>
				  </tr>
				  <tr>
					<td>12b3115</td>
					<td>Mohammad Hadi bin Bujang</td>
					<td>18</td>
					<td>M</td>
					<td>Rimba</td>
					<td><input type="checkBox"></td>
				  </tr>
				  <tr>
					<td>12b3116</td>
					<td>Alley Joffry</td>
					<td>18</td>
					<td>M</td>
					<td>Belait</td>
					<td><input type="checkBox"></td>
				  </tr>
				  <tr>
					<td>12b3117</td>
					<td>Saedah</td>
					<td>18</td>
					<td>F</td>
					<td>Kampung Telanai</td>
					<td><input type="checkBox"></td>
				  </tr>
				  <tr>
					<td>12b3119</td>
					<td>Emerson Chua</td>
					<td>18</td>
					<td>M</td>
					<td>Bandar Seri Begawan</td>
					<td><input type="checkBox"></td>
				</tr>
				<tr>
					<td>12b3119</td>
					<td>Emerson Chua</td>
					<td>18</td>
					<td>M</td>
					<td>Bandar Seri Begawan</td>
					<td><input type="checkBox"></td>
				</tr>
				<tr>
					<td>12b3115</td>
					<td>Mohammad Hadi bin Bujang</td>
					<td>18</td>
					<td>M</td>
					<td>Rimba</td>
					<td><input type="checkBox"></td>
				  </tr>
				  <tr>
					<td>12b3116</td>
					<td>Alley Joffry</td>
					<td>18</td>
					<td>M</td>
					<td>Belait</td>
					<td><input type="checkBox"></td>
				  </tr>
				  <tr>
					<td>12b3117</td>
					<td>Saedah</td>
					<td>18</td>
					<td>F</td>
					<td>Kampung Telanai</td>
					<td><input type="checkBox"></td>
				  </tr>
				  <tr>
					<td>12b3119</td>
					<td>Emerson Chua</td>
					<td>18</td>
					<td>M</td>
					<td>Bandar Seri Begawan</td>
					<td><input type="checkBox"></td>
				</tr>
				<tr>
					<td>12b3119</td>
					<td>Emerson Chua</td>
					<td>18</td>
					<td>M</td>
					<td>Bandar Seri Begawan</td>
					<td><input type="checkBox"></td>
				</tr>
			</table>
			
			
			
		</div>
		<div class="bottomButton">
				<input style="background: linear-gradient(to bottom, rgb(255, 107, 107), rgb(255, 0, 0));
							border-color: rgba(255, 44, 44, 1);
							color: white;
							"
							type="button" value="Delete"/>
				<input type="button" value="Edit"/>
							<!--style="background: linear-gradient(to bottom, rgb(0, 255, 10), rgb(18, 153, 67) );
							border-color: rgba(86, 211, 27, 1);			
							color:white; "-->
							
				
							<!--style="background: linear-gradient(to bottom, rgb(255, 246, 23), rgb(255, 173, 0) );
							border-color: rgba(255, 163, 0, 1);				
							color:black; "
			</div>
			<hr>
		</div>
		-->
	</body>
</html>